<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

  </head>
<body>
  <g:if test="${upd=='si'}">
    <script>
      goTo('operario','list','','definicion_list');
    </script>
  </g:if>
  <g:if test="${sendingEmail==1}">
    <script>
      closeLoading('loader')
    </script>
  </g:if>
<div class="definicion">
    <div class="seccion">
${DefinicionUtils.buildHeaderShow_N_G('','operario')}
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <g:if test="${listaErrores && listaErrores.size()>0}">
        <div class="errors">
          <ul>
            <g:each var="error" in="${listaErrores}">
              <li>${error}</li>
            </g:each>
          </ul></div>
      </g:if>
      <g:hasErrors bean="${operarioInstance}">
        <div class="errors">
          <g:renderErrors bean="${operarioInstance}" as="list" />
        </div>
      </g:hasErrors>
    </div>
  <g:form action="save" method="post" autocomplete="off" name="definicion">
    <input type="hidden" name="eOc" value="${eOc}"/>
    <input type="text" id="id" name="id" value="${operarioInstance.id}" disabled class="disabled" style=" width:200px; display:none;"/>
      

    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_personales.png')}"></li>
        <li class="TabbedPanelsTab" tabindex="0"><img src="${createLinkTo(dir:'images',file:'datos_habitacion.png')}"></li>
                  </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent"><table width="400" border="0" align="center">
          <tr class="prop">
            <td width="138" align="left" valign="middle" class="name">
              <label for="cedula"><g:message code="operario.cedula.label" default="C&eacute;dula" /></label>            </td>
            <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'cedula', 'errors')}">
        <g:textField name="cedula" maxlength="50" value="${operarioInstance?.cedula}" class="campos" style=" width:200px" />        </td>
         </tr>

        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="nombres"><g:message code="operario.nombres.label" default="Nombres" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'nombres', 'errors')}">
        <g:textField name="nombres" maxlength="50" value="${operarioInstance?.nombres}" class="campos" style=" width:200px" />        </td> 
        </tr>

        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="apellidos"><g:message code="operario.apellidos.label" default="Apellidos" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'apellidos', 'errors')}">
        <g:textField name="apellidos" maxlength="50" value="${operarioInstance?.apellidos}" class="campos" style=" width:200px" />        </td> 
        </tr>

        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="nacionalidad"><g:message code="operario.nacionalidad.label" default="Nacionalidad" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'nacionalidad', 'errors')}">
        <g:textField name="nacionalidad" maxlength="50" value="${operarioInstance?.nacionalidad}"  class="campos" style=" width:200px" />        </td>
         </tr>

        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="fechaDeNacimiento"><g:message code="operario.fechaDeNacimiento.label" default="Fecha De Nacimiento" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'fechaDeNacimiento', 'errors')}">
             <g:if test="${operarioInstance?.fechaDeNacimiento == null}">
               <g:textField type="text" value="" name="fechaDeNacimiento" id="fechaDeNacimiento" class="campos" style=" width:200px" DISABLED="true"/>
             </g:if>
             <g:else>
              <g:textField type="text" value="${FormatUtils.formatDateDDMMYYYY(operarioInstance?.fechaDeNacimiento)}" name="fechaDeNacimiento" id="fechaDeNacimiento" class="campos" DISABLED="true" style=" width:200px"/>
             </g:else>        </td>
          </tr>
        
        <tr>
          <td align="left" valign="middle" class="name">
            <label for="genero">G&eacute;nero</label>          </td>
          <td valign="top" class="value ${hasErrors(bean:operarioInstance,field:'genero','errors')}">                
          <g:select name="genero" id="genero" from="${['Femenino', 'Masculino']}" value="${operarioInstance?.genero}" class="campos" style=" width:200px"/>          
          <label for="estadoCivil"></label>     </td>
          </tr>
        <tr>
          <td align="left" valign="middle" class="name"><label for="label">Estado civil</label></td>
          <td valign="top" class="value ${hasErrors(bean:operarioInstance,field:'estadoCivil','errors')}">                
          <g:select name="estadoCivil" id="estadoCivil" from="${['Soltero', 'Casado', 'Concubino', 'Viudo', 'Divorciado']}" value="${operarioInstance?.estadoCivil}" class="campos" style=" width:200px"/>     </td>
          </tr>
        
               
        <tr>
          <td align="left" valign="middle" class="name">
            <label for="discapacidad">Posee alguna discapacidad</label>          </td>
          <td valign="top" class="value ${hasErrors(bean:operarioInstance,field:'discapacidad','errors')}">                
            <g:select name="discapacidad" id="discapacidad" from="${['Ninguna', 'Auditiva', 'Fisico-motor', 'Visual']}" value="${operarioInstance?.discapacidad}"  class="campos" style=" width:200px"/>          
            <label for="puebloIndigena"></label>          </td>
          </tr>
        <tr>
          <td align="left" valign="middle" class="name"><label for="puebloIndigena">Pertenece a alg&uacute;n pueblo ind&iacute;gena</label></td>
          <td valign="top"  class="value ${hasErrors(bean:operarioInstance,field:'puebloIndigena','errors')}">                
            <g:checkBox name="puebloIndigena" value="${operarioInstance?.puebloIndigena}" class="campos" style=" width:200px" /></td>
          </tr>
        <tr>
          <td align="left" valign="top" class="name">&nbsp;</td>
          <td valign="top"  class="value ${hasErrors(bean:operarioInstance,field:'puebloIndigena','errors')}">&nbsp;</td>
        </tr>
</table>
</div>
          <div class="TabbedPanelsContent"><table width="400" align="center">
        <tbody>
          
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="telefonoPersonal"><g:message code="operario.telefonoPersonal.label" default="Tel&eacute;fono Personal" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'telefonoPersonal', 'errors')}">
             <g:textField name="telefonoPersonal" maxlength="50" value="${operarioInstance?.telefonoPersonal}" class="campos" style=" width:200px" />                               </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name"><label for="telefonoHabitacion"><g:message code="operario.telefonoHabitacion.label" default="Tel&eacute;fono Habitaci&oacute;n" /></label>  </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'telefonoHabitacion', 'errors')}">
            <g:textField name="telefonoHabitacion" maxlength="50" value="${operarioInstance?.telefonoHabitacion}"  class="campos" style=" width:200px"/>    </td>
          </tr>
        
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="correo"><g:message code="operario.correo.label" default="Correo" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'correo', 'errors')}">
            <g:textField name="correo" maxlength="50" value="${operarioInstance?.correo}" class="campos" style=" width:200px" />                          </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">   <label for="correoAlternativo"><g:message code="operario.correoAlternativo.label" default="Correo alternativo" /></label>     </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'correoAlternativo', 'errors')}">
             <g:textField name="correoAlternativo" maxlength="50" value="${operarioInstance?.correoAlternativo}" class="campos" style=" width:200px" />        </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="direccionHabitacion"><g:message code="operario.direccionHabitacion.label" default="Direcci&oacute;n Habitaci&oacute;n" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'direccionHabitacion', 'errors')}">
             <g:textArea name="direccionHabitacion" rows="5" cols="20" value="${operarioInstance?.direccionHabitacion}"  class="campos" style=" width:200px; height:70px; font-size:11px;"/>          </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="ocupacion"><g:message code="operario.ocupacion.label" default="Ocupaci&oacute;n" /></label>          </td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'ocupacion', 'errors')}">
             <g:textField name="ocupacion" maxlength="100" value="${operarioInstance?.ocupacion}"  class="campos" style=" width:200px"/>          </td>
          </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'ocupacion', 'errors')}">&nbsp;</td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'ocupacion', 'errors')}">&nbsp;</td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'ocupacion', 'errors')}">&nbsp;</td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">&nbsp;</td>
          <td valign="top" class="value ${hasErrors(bean: operarioInstance, field: 'ocupacion', 'errors')}">&nbsp;</td>
        </tr>
        </tbody>
      </table>

</div>
        </div>
    </div>
    <br/>
  </g:form>
  </div>
  <script>
        var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
        jQuery( "#fechaDeNacimiento" ).datepicker({
          showOn: "button",
          buttonImage: "/js/jquery/css/images/calendar.gif",
          buttonImageOnly: true,
          changeMonth: true,
          changeYear: true,
          dateFormat: 'dd/mm/yy',
          regional: 'es'
        });
  </script>
</body>
</html>